import React, {
  Component,
  useState,
  useEffect,
} from "react";
import {
  View,
  Text,
  Image
} from "react-native";

import loading from '../../asset/images/loading.gif';

export default function FooterLoading(props) {
  return (!props.showLoading ?
    <View style={{width:'100%',padding:5, flexDirection:'row',justifyContent:'center',alignItems:'center'}}>
        <View>
          <Image source={loading} style={{width:20,height:20}}></Image>
        </View>
        <View style={{marginLeft:10}}><Text style={{color:'#D3D3D3'}}>加载数据中</Text></View>
    </View> : <Text style={{textAlign: "center",color:'#D3D3D3'}}>亲,已经到底了</Text>
  )
}